<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" charset="UTF-8">
        function ha() {
            var msg = document.getElementById("hel").value;
            var reslut = window.webEngine.invoke1("/hello", msg);
            console.log("success.")
            document.getElementById("textA").innerHTML = reslut;
        }
    </script>
</head>
<body>

<p class="birthday">
</p><p class="container">

</p><p class="candle">
</p><p class="fire"></p>
<p class="top"></p>
<p class="body"></p>
<p class="bottom"></p>
<p></p>

<p class="top-one">
</p><p class="top"></p>
<p class="side"></p>
<p class="bottom"></p>
<p class="text">
    Happy Birthday
</p>
<p></p>

<p class="bottom-one">
</p><p class="top"></p>
<p class="side"></p>
<p class="bottom">
</p><p class="line line1"></p>
<p></p>
<p class="flower">
    <i style="top:-20px;transform: rotateY(50deg)">生</i>
    <i style="top:15px;transform: rotateY(30deg)">日</i>
    <i style="top:15px;transform: rotateY(30deg)">快</i>
    <i style="top:-20px;transform: rotateY(50deg)">乐</i>
    <img src="imgs/64.png"/>
</p>
<p></p>
<p></p>
<p></p>

<input type="button" id="hel" value="hello" onclick="ha()"/>
<p id="textA">???</p>
</body>
</html>